<template>
 <div class="title">
     <slot>
         <span>随便推荐</span>
    </slot>
   
   </div>
</template>
<style>

</style>
<style scoped>
.title{
    
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: rgb(210, 198, 158);

}
.title span{
    position: relative;
}
.title span::after{
content:"";
display:block;
position: absolute;
right: -0.5rem;
top:50%;
margin-top: -4px;
width: 8px;
height: 8px;
border-radius:50% ;
background: rgb(198, 190, 143);


}
.title span::before{
content:"";
display:block;
position: absolute;
left: -0.5rem;
top:50%;
margin-top: -4px;
width: 8px;
height: 8px;
border-radius:50% ;
background: rgb(198, 190, 143);
}
</style>